<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script src="./vue/vue.js"></script>
	
	<body>
		<div id="app">
			{{msg}}
		</div>
	</body>
</html>

<script>
	//data形式有三种
	//1)对象写法 2)函数写法 3)ES6(js6)类似函数
	new Vue({
		el : "#app",
		data : {
			msg : "Hello Vue Js",
		}
	});
	
	/**
	 * 	/**
	  *  ES6函数写法
	 */

	// new Vue({
	// 	el : "#app",
	// 	data :　function(){
	// 		return {
	// 			msg : "Vue Function ...",
	// 		}
	// 	}
	// });
	
	/**
	 *  ES6
	 */
	// new Vue({
	// 	el : "#app",
	// 	data{
	// 		return {
	// 			msg : "Vue Es6",
	// 		}
	// 	}
	// });

</script>
